import { QuestionCircleOutlined } from '@ant-design/icons';
import type { SelectProps } from 'antd';
import { Select } from 'antd';
export type SiderTheme = 'light' | 'dark';

const { Option } = Select;

export const SelectLang: React.FC = () => {
  const handleChange: SelectProps['onChange'] = (value) => {
    console.log(`Selected: ${value}`);
    // 这里可以实现语言切换的逻辑
  };

  return (
    <Select defaultValue="zh-CN" style={{ width: 100 }} onChange={handleChange}>
      <Option value="zh-CN">中文</Option>
      <Option value="en-US">English</Option>
    </Select>
  );
};
export const Question: React.FC = () => {
  return (
    <a
      href="https://pro.ant.design/docs/getting-started"
      target="_blank"
      rel="noreferrer"
      style={{
        display: 'inline-flex',
        padding: '4px',
        fontSize: '18px',
        color: 'inherit',
      }}
    >
      <QuestionCircleOutlined />
    </a>
  );
};
